<template>
	<view class="page">

		<!-- 背景 -->
		<image class="page-bg" mode="widthFix" :src="imageUrl +'hg-bg5.jpg'"></image>

		<!-- 头部 -->
		<u-sticky offset-top="0" :bgColor="bgColor">
			<u-navbar leftText=" " title=" " @rightClick="rightClick" :autoBack="true" placeholder :safeAreaInsetTop="true" :bgColor="bgColor"></u-navbar>
		</u-sticky>

		<!-- 主内容 -->
		<view class="page-content">
			<view class="wp">
				<view class="box-hg4">
					<view class="top">
						<image class="icon" mode="widthFix" :src="imageUrl +'hg-fail1.png'"></image>
						<view class="t1">预约失败</view>
						<view class="t2">预约失败，缴费会原路退还</view>
					</view>
					<view class="cont">
						<view class="t1">预约信息</view>
						<view class="t2">
							<view class="t2-item">
								<view class="t2-l">停车场</view>
								<view class="t2-r">
									夷陵市属公园-1号停车场
									<image class="icon" mode="widthFix" :src="imageUrl +'hg-addr2.png'"></image>
								</view>
							</view>
							<view class="t2-item">
								<view class="t2-l">入场时间</view>
								<view class="t2-r">2025-09-03 15:30</view>
							</view>
							<view class="t2-item">
								<view class="t2-l">出场时间</view>
								<view class="t2-r">2025-09-03 17:30</view>
							</view>
							<view class="t2-item">
								<view class="t2-l">手机号</view>
								<view class="t2-r">18888888888</view>
							</view>
						</view>
						<view class="total">
							总额
							<view class="price">￥<view class="num">40.00</view></view>
						</view>
					</view>
					<view class="btns">
						<view class="item a1">返回预约首页</view>
						<view class="item a2">重新预约</view>
					</view>
				</view>
			</view>
		</view>

	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				// 头部背景色
				bgColor: 'transparent',

			}
		},
		onLoad() {

		},
		methods: {
			// 头部滚动
			onPageScroll(res) {
				if (res.scrollTop >= 60) {
					this.bgColor = '#ffffff'
				} else {
					this.bgColor = 'transparent'
				}
			},
			go(url) {
				uni.navigateTo({
					url: url
				})
			}
		}
	}
</script>

<style lang="scss">

page{
	padding-bottom: calc(constant(safe-area-inset-bottom) + 20rpx);
	padding-bottom: calc(env(safe-area-inset-bottom) + 20rpx);
}

</style>